<template>
  <div class="home">
    home component
    <el-transfer v-model="value" :data="data"></el-transfer>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import HelloWorld from '@/components/HelloWorld.vue'; // @ is an alias to /src

@Component({
  components: {
    HelloWorld
  }
})
export default class Home extends Vue {
  generateData() {
    const data = [];
    for (let i = 1; i <= 15; i++) {
      data.push({
        key: i,
        label: `备选项 ${i}`,
        disabled: i % 4 === 0
      });
    }
    return data;
  }

  data = this.generateData();
  value = [1, 4];
}
</script>
